// "embedded" progress bar that shouldn't set itself apart from
// the surroundings too much
.progress-embed {
  // using max-height here is a bit of a hack because with react
  // bootstrap I apparently can't replace the .progress class,
  // I can just expand it, so if I set height here it has no effect
  max-height: 16px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  background: $gray-light;
  margin-bottom: 0px;
  border: 1px;
  border-style: solid;
}

// container around an embedded progress bar
.progress-container {
  display: inline-block;
  width: 100px;
  vertical-align: middle;
}
